[data-theme='light'] {
  /* Background */
  --color-bg: #071927;
  --color-bg-content: #fff;
  --color-bg-split: #F8FAFE;
  --color-bg-main: #f9fafb;
  --color-bg-popper: #282e38;
  --color-bg-trans: #ffffffe6;
  --color-bg-lighter: #E6EDFB;
  --color-bg-mdcode: #f4f4f4;
  --color-bg-table-hd: #EEF0F5;
  /* Text */
  --color-text-primary: #343741;
  --color-text-secondary: #5a5f6f;
  --color-text-placeholder: #BAC1CD;
  --color-text-popper: #fff;
  --color-title-primary: #192144;
  --color-text-footer: #8e8e8e;
  --color-text-mdcode: #EB4E3D;
  --color-text-progress: #1f3547a8;
  /* Border */
  --color-border-primary: #D0D4DC;
  --color-border-card: #E2E6F0;
  --color-border-normal: #eeedf6;
  /* Colors */
  --color-primary: #00b173;
  --color-hover: #e6fbf4;
  --color-stream: #5d4eff;
  /* Shdow */
  --color-shadow-primary: #888ebf33;
}
